@charset "utf-8";
/* CSS Document */
body{
	font-family:'Microsoft YaHei',sans-serif; 
}
.navbar-default{
	background-color: #fff;
	border:none; 
	box-shadow: 0px 1px 6px 0px rgba(50, 50, 50,0.25);
}
.navbar-default .navbar-brand{
	font-size: 30px;
	font-weight: bold;
	color:#CDAAF3;
	height: 70px;
	line-height: 35px;
}
.navbar-default .navbar-nav>li>a{
	font-size: 16px;
	font-weight: bold;
	color: #666;
	height: 70px;
	line-height: 35px;
}
.navbar-default .navbar-toggle{
	border-color:#666;
	background:#666;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.navbar-toggle{margin-top:17px;}
/* 屏一 */
#home{
	background:url(../img/home-bg.jpg);
	background-size: cover;
	color: #ffffff;
	margin-top: 70px;
	text-align: center;
	width: 100%；
}
.lvjing{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	padding: 90px 0;
}
#home h1{
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 25px;
}
#home p{
	font-weight: 400;
}
/* bbs */
#bbs{
	padding: 80px 0;
	text-align: center;
}
#bbs .col-md-4{
	padding:15px;
}
#bbs .col-md-4:hover{
	background: #f1f1f1;
	box-shadow: 1px 1px 4px #ccc;
}
#bbs a{
	color: #323232;
	text-decoration: none;
}
#bbs img{
	margin: 0 auto;
}
#bbs h3{ 
	font-weight: bold;
 }
 #bbs p{
 	font-size: 16px;
 }
/* html5 */
#html5{
	background-color:#f1f1f1;
	padding: 80px 0; 
}
#html5 h2{
	font-weight: bold;
}
#html5 p{
	font-size:14px;
	line-height: 40px;
}
.qz-icon{
	width: 40px;
    height: 40px;
    color: white;
    background-color: #C6A0EF;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}
/* bootstrap */
#bootstrap{
	padding: 80px 0; 
}
#bootstrap h2{
	font-weight: bold;
}
#bootstrap p{
	font-size:14px;
	line-height: 40px;
}
/* course */
#course{
	background-color: #f1f1f1;
	padding:80px 0;
	text-align: center;
}
#course .col-md-3{
	margin-bottom: 20px;
}
#course h2{
	font-weight: bold;
	padding-bottom: 60px;
}
.course{
	background-color: white;
}
#course .btn{
	background: transparent;
    border: 1px solid #CDAAF3;
    border-radius: 0;
    padding: 10px 30px;
    color: #CDAAF3;
    margin: 20px 0 30px 0;
    transition: all 0.5s;
}
#course .btn:hover{
	background-color:#CDAAF3;
	color: white; 
}
/* app */
#app{
	padding:80px 0;
}
#app h2{
	font-weight: bold;
	padding-bottom:40px;
}
/* contact */
#contact{
	background:url(../img/contact-bg.png);
	background-size: cover;
	width: 100%;
	color: white;
}
#contact h2{
	padding:20px 0;
}
#contact span{
	margin-right: 10px;
}
#contact p{
	line-height: 25px;
}
 #contact .form-control{
	border-radius: 0;
	border: none;
	height: 50px;
	margin-bottom: 20px;
}
#contact textarea.form-control{
	height: auto;
}
#contact input[type="submit"]{
	background-color:#CDAAF3;
	color:white; 
	transition: all 3s;
}
#contact input[type="submit"]:hover{
	background-color:#67369C;

}